@num-12: 12px;
@num-18: 18px;
@borderColor: #D9D9D9;

.first-level{
  display: flex;
  .first-child-item{
    width: 130px;
    max-width: 130px;
    min-width: 130px;
    padding: @num-18 @num-12;
    border-top: 1px solid @borderColor;
    border-right: 1px solid @borderColor;
    text-align: left;
    white-space: nowrap;
    .arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-icon{
      background-color: var(--color-primary-light-3);
      border-color: transparent;
    }
  }
  .second-level{
    width: 100%;
    .second-content{
      display: flex;
      .second-child-item{
        width: 120px;
        max-width: 120px;
        min-width: 120px;
        padding: @num-18 @num-12;
        border-top: 1px solid @borderColor;
        border-right: 1px solid @borderColor;
        text-align: left;
        white-space: nowrap;
        .arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-icon{
          background-color: var(--color-primary-light-3);
          border-color: transparent;
        }
      }
      .third-level{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid @borderColor;
        .last-child-box{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          padding: @num-18 @num-12;
        }
        .last-child-box:not(:nth-of-type(1)),.last-child-box:not(:nth-last-of-type(1)) {
          border-bottom: 1px solid @borderColor;
        }
        .last-child-box:nth-of-type(2){
          // border-top: 1px solid @borderColor;
        }
        .last-child-box:nth-of-type(2),.last-child-box:nth-of-type(3){
          // border-bottom: 1px solid @borderColor;
        }
        .last-child-item{
          padding-right: 16px;
          text-align: left;
          white-space: nowrap;
        }
      }
    }
  }
}